.chat-detail{
	height: calc(100vh - env(safe-area-inset-bottom));
	box-sizing: border-box;
	background-color: #f1f1f3;
	.chat-detail-main{
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		/* #ifdef MP-WEIXIN */
		height: calc(100% - var(--height));
		transition-duration: .3s;
		/* #endif */
		/* #ifdef H5 */
		height: calc(100% - 88rpx);
		/* #endif */
		.chat-window{
			// height: calc(100% - 88rpx);
			flex: 1;
			overflow: hidden;
			box-sizing: border-box;
			position: relative;
			/deep/ .u-mask{
				position: absolute !important;
				background-color: hsla(0,0%,100%,.9) !important;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.messageitem{
				border: 1px #f1f1f3 solid;
			}
		}
	}
}